<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
		<link rel="stylesheet" type="text/css" href="/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="/css/cart.css"/>
	</head>
	<body>
		<header></header>
		<div class="main">
			<div class="top-new-bar">
				<ul>
					<li class="active">
						<div></div>
						<span>
							<img src="/images/icon_cart_done.png"  />
							
					</li>
					<li>
						<div></div>
						<span>
							<img src="/images/icon_cart_undone.png"  />
							
						</span>
					</li>
					<li>
						<div></div>
						<span>
							<img src="/images/icon_cart_undone.png"  />
						</span>
					</li>
					<li>
						<div></div>
						<span>
							<img src="/images/icon_cart_undone.png"  />
						</span>	
					</li>
				</ul>
				
			</div>
			<div class="bar-title">
					<ul>
						<li class="active"><span>1</span>购物车</li>
						<li><span>2</span>确认订单</li>
						<li><span>3</span>提交订单</li>
						<li><span>4</span>支付成功</li>
					</ul>
				</div>
			<div class="order-message">订单信息</div>
			<table class="cart-table">
				<thead>
					<tr>
						<th class="one"><input type="checkbox" name="ck_all" id="ck_all" value="" class="ck_all"/>全选</th>
						<th class="two" style="display: none;">商品编号</th>
						<th class="three">商品</th>
						<th class="four">属性</th>
						<th class="five">单价</th>
						<th class="six">数量</th>
						<th class="seven">优惠方式</th>
						<th class="nine">金额</th>
						<th class="ten">操作</th>
					</tr>
			
				</thead>
			<tbody id = "cart_body">
				
			</tbody>
			<tbody id = "empty">
				<tr>
					<td colspan="8">
						暂无商品？可以选择下面的热销新品推荐哟~
					</td>
				</tr>
			</tbody>
			
			
			<tfoot>
				<tr class="prod-count">
					
					<td class="lz" colspan="5"><div>添加蜡烛</div>
						<div class="cj">添加餐具</div>
					</td>
					
					<td class="js" colspan="2">
						共计<span class="count">0</span>件商品
					</td>
					<td class="sc"><div class="alldel"></div></td>
				</tr>
				<tr class="hj">
					<td colspan="7">商品总计</td>
					<td >￥<span class="total">0</span>.00</td>
				</tr>
				<tr class="hj">
					<td colspan="7">运费</td>
					<td class="deli-money">￥<span>0</span>.00</td>
				</tr>
				<tr class="hj">
					<td colspan="7">优惠</td>
					<td class="discount">￥无优惠</td>
				</tr>
				<tr class="hj allcount">
					<td colspan="7">应付总额</td>
					<td >￥<span class="total">0</span>.00</td>
				</tr>
			</tfoot>
		</table>
		<div class="sp-btn">
			<div class="forpay">下单结算</div>
			<div class="shopping"><a href="/index.html">继续购物</a></div>
		</div>
		<div class="hot-recommend">
			
		</div>
	</div>
		<footer></footer>
	</body>
</html>
<script type="text/html" id="cart-body-template">
	{{each products prod}}
		<tr>
			<td class="one"><input type="checkbox" name="ck_prod" id="ck_prod" value="" class="ck_prod"/></td>
			<td style="display: none;" class="id ">{{prod.id}}</td>
			<td class="prod-img three">
				<img src="{{prod.img}}"/>
				<div>
					<ap>{{prod.series}}</p>
					<p>{{prod.name}}</p>
				</div>
			</td>
			<td class="four">{{prod.weightsize}}</td>
			<td class="price five">{{prod.price}}.00</td>
			<td class="six"><span class="decrement"></span><input type="text" class="amount" value="{{prod.amount}}"><span class="increment"></span></td>
			<td class="seven">无优惠</td>
			<td class="sub nine">{{prod.price*prod.amount}}.00</td>
			<td class="ten"><div class="del"></div></td>
		</tr>
	{{/each}}
</script>
<script type = "text/html" id="prod_template">
	<div class="wrap">
		<div class="title">热销新品推荐</div>
		<div class="product-box">
			<div class="products first">
				<a href="/html/detail.html?id="">
					<div class="id" style="display: none;">{{list[0].id}}</div>
						<img src="{{list[0].img}}"/>
				</a>
				<div class="series">[<span class="series-name">{{list[0].series}}</span>] <span class="name">{{list[0].name}}</span></div>
				<div class="jg">
					<div class="left">
						<p><span class="cake-price">{{list[0].price}}</span>.00/盒</p>
						<p class="weightsize">{{list[0].weight}}磅</p>
					</div>
					<div class="right">
						<div class="buy-btn">加入购物车</div>
					</div>
				</div>
			</div>
			<div class="products">
				<a href="/html/detail.html?id="">
					<div class="id" style="display: none;">{{list[1].id}}</div>
						<img src="{{list[1].img}}"/>
				</a>
				<div class="series">[<span class="series-name">{{list[1].series}}</span>] <span class="name">{{list[1].name}}</span></div>
				<div class="jg">
					<div class="left">
						<p><span class="cake-price">{{list[1].price}}</span>.00/盒</p>
						<p class="weightsize">{{list[1].weight}}磅</p>
					</div>
					<div class="right">
						<div class="buy-btn">加入购物车</div>
					</div>
				</div>
			</div>
			<div class="products">
				<a href="/html/detail.html?id="">
					<div class="id" style="display: none;">{{list[2].id}}</div>
						<img src="{{list[2].img}}"/>
				</a>
				<div class="series">[<span class="series-name">{{list[2].series}}</span>] <span class="name">{{list[2].name}}</span></div>
				<div class="jg">
					<div class="left">
						<p><span class="cake-price">{{list[2].price}}</span>.00/盒</p>
						<p class="weightsize">{{list[2].weight}}磅</p>
					</div>
					<div class="right">
						<div class="buy-btn">加入购物车</div>
					</div>
				</div>
			</div>
			<div class="products">
				<a href="/html/detail.html?id="">
					<div class="id" style="display: none;">{{list[3].id}}</div>
						<img src="{{list[3].img}}"/>
				</a>
				<div class="series">[<span class="series-name">{{list[3].series}}</span>] <span class="name">{{list[3].name}}</span></div>
				<div class="jg">
					<div class="left">
						<p><span class="cake-price">{{list[3].price}}</span>.00/盒</p>
						<p class="weightsize" >{{list[3].weight}}磅</p>
					</div>
					<div class="right">
						<div class="buy-btn">加入购物车</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</script>
